<template>
	<div id="box">
		<header>
		<ul>
		    <li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
		    <li>搜索</li>
			<li @click="xian"><img src="../assets/img/gengduo.png"></li>
		</ul>
		<div class="chu">
              <ol>
                <router-link to="/shouye">
                <li><img src="../assets/img/chu1.png">返回首页</li>
                </router-link>
                <router-link to="/dengluzhanghao">
                <li><img src="../assets/img/chu2.png">用户中心</li>
              </router-link>
              <router-link to="/yigoujilu">
                <li><img src="../assets/img/chu3.png">一购记录</li>
              </router-link>
              </ol>
            </div>  	
	</header>
	<section>
		<ul>
			<li><img src="../assets/img/sousuo2.png">请输入搜索关键字</li>
			<li><button>搜索</button></li>
		</ul>
	</section>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
      fanhui(){
      	this.$router.go(-1);
      },
      xian(){
    if($(".chu").css('display')=='none'){
      $('.chu').show()
    }else{
      $(".chu").hide()
    }
    
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/sousuo.less";
   @import ".././assets/css/reset.css";
</style>